<include file="Common/header" />
<title>图片展示</title>
<script type="text/javascript" src="__PUBLIC__/h-ui/lib/jquery.SuperSlide/2.1.1/jquery.SuperSlide.min.js"></script>
<style>
	#slider-1{width:640px;text-align:center}
	#slider-1 .bd,#slider-1 .bd li,#slider-1 .bd img{width:640px; height:320px}
	#slider-1 .hd{ margin-top:2px;height:58px;width:640px}
	#slider-1 .hd li{ position:relative; display:inline-block; float:left; margin-right:2px;cursor:pointer;width:100px; height:58px}
	#slider-1 .hd li img{ display:block;width:100px; height:58px}
	#slider-1 .hd li i{ position:absolute; display:block; z-index:9; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.6)}
	#slider-1 .hd li.active i{ width:11px; height:6px; background:url(__PUBLIC__/h-ui/static/h-ui/images/iconpic-arrow-up.png) no-repeat 0 0; top:-6px; left:50%; margin-left:-5px; bottom:auto; right:auto}
</style>
</head>
<body>
<div class="pd-20">
	<div id="slider-1" class="bg-fff box-shadow radius">
		<div class="slider">
			<div class="bd bg-fff">
				<ul>
					<?php foreach($list as $ls){ ?>
					<li><a href="javascript:void(0);" target="_blank"><img src="__PUBLIC__/upload/{$ls}" /></a></li>
					<?php } ?>
				</ul>
			</div>
			<ol class="hd cl">
				<?php foreach($list as $ls){ ?>
				<li><i></i><img src="__PUBLIC__/upload/{$ls}"></li>
				<?php } ?>
			</ol>
		</div>
	</div>
</div>

<script>
	$(function(){
		jQuery("#slider-1 .slider").slide({
			mainCell:".bd ul",
			titCell:".hd li",
			trigger:"click",
			effect:"leftLoop",
			autoPlay:true,
			delayTime:850,
			interTime:7000,
			pnLoop:false,
			titOnClassName:"active"
		});
	});
</script>
</body>
</html>